
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base href="http://tecdemo.com/spos3/" />
<title>Dashboard | Simple POS</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok9v=2d3f118356/"},atok:"068bec282e5bcde24d436f23dca68da8",petok:"bfedae430e041c81ba1bfea19f413de64bb7ab2d-1399962762-1800",zone:"tecdemo.com",rocket:"0",apps:{"ga_key":{"ua":"UA-44685333-1","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok9v=97fb4d042e/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
//]]>
</script>
<link rel="shortcut icon" href="http://tecdemo.com/spos3/assets/images/favicon.ico" />
<link rel="stylesheet" href="http://tecdemo.com/spos3/assets/css/bootstrap.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="http://tecdemo.com/spos3/assets/css/datatables.css" type="text/css">
<link rel="stylesheet" href="http://tecdemo.com/spos3/assets/css/dash.css" type="text/css">
<link rel="stylesheet" href="http://tecdemo.com/spos3/assets/css/non-responsive.css" type="text/css">
<script src="http://tecdemo.com/spos3/assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.tip').tooltip();
	$('.alert').click(function(){ $(this).fadeTo(500, 0).slideUp(500, function(){ $(this).remove(); }); });
	window.setTimeout(function() { $(".alert").fadeTo(500, 0).slideUp(500, function(){ $(this).remove(); }); }, 8000);
});
</script>
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-44685333-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
</head>
<body>
<div id="wrap">
<div class="navbar navbar-static-top navbar-inverse">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand">Simple POS</a> 
    </div>
    <div class="navbar-collapse collapse navbar-inverse-collapse">
      <ul class="nav navbar-nav">
        <li class="dropdown"> <a class="dropdown-toggle tip" data-toggle="dropdown" href="#" data-placement="right" title="Language"><img src="http://tecdemo.com/spos3/assets/images/english.png" style="margin-top:-1px" align="middle"></a>
          <ul class="dropdown-menu" style="min-width: 60px;" role="menu" aria-labelledby="dLabel">
                        <li><a href="http://tecdemo.com/spos3/index.php?module=pos&view=language&lang=english"><img src="http://tecdemo.com/spos3/assets/images/english.png" class="language-img"> &nbsp;&nbsp;
              English              </a></li>
                      </ul>
        </li>
         
        <li><a href="http://tecdemo.com/spos3/index.php?module=settings" class="tip" data-placement="right" title="Home"><i class="glyphicon glyphicon-home"></i></a></li>
        <li><a href="http://tecdemo.com/spos3/index.php?module=settings&view=system_setting" class="tip" data-placement="right" title="Settings"><i class="glyphicon glyphicon-cog"></i></a></li>
                <li><a href="http://tecdemo.com/spos3/index.php?module=pos" class="tip" data-placement="right" title="POS Sale"><i class="glyphicon glyphicon-th-large"></i></a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Hi, Admin! <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="http://tecdemo.com/spos3/index.php?module=auth&amp;view=change_password">Change Password</a></li>
            <li><a href="http://tecdemo.com/spos3/index.php?module=auth&amp;view=logout">Logout</a></li>
          </ul>
        </li>
      </ul>
      
      <div class="pull-right">
                <a href="http://codecanyon.net/item/simple-pos-point-of-sale-made-easy/3947976?ref=tecdiary" class="tip btn btn-default btn-sm pull-left external" style="padding:5px 8px; margin: 5px 5px 5px 5px;" title="<strong>Liked?</strong> Let's Purchase<br><strong>Have Suggestion?</strong> Please send email to contact@tecdiary.com" data-html="true" data-placement="bottom"> Buy Now </a>
                      
      <ul class="nav navbar-nav">
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Products          <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="index.php?module=products">
              List Products              </a></li>
            <li><a href="index.php?module=products&view=add">
              Add Product              </a></li>
            <li><a href="index.php?module=products&view=import">
              Import by CSV              </a></li>
            <li><a href="index.php?module=products&view=sheet">
              Print Barcode              </a></li>
            <li><a href="index.php?module=products&view=labels">
              Print Lablels              </a></li>    
              <li class="divider"></li>
              <li><a href="index.php?module=products&view=categories">
              List Categories              </a></li>
            <li><a href="index.php?module=products&view=add_category">
              Add Category              </a></li>
          </ul>
        </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Customers          <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="index.php?module=customers">
              List Customers              </a></li>
            <li><a href="index.php?module=customers&view=add">
              Add Customer              </a></li>
          </ul>
        </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Sales          <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="index.php?module=sales">
              List Sales              </a></li>
            <li><a href="index.php?module=sales&view=holded">
              List Opened Bills              </a></li>
          </ul>
        </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Reports          <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="index.php?module=reports&view=daily_sales">
              Daily Sales              </a></li>
            <li><a href="index.php?module=reports&view=monthly_sales">
              Monthly Sales              </a></li>
            <li><a href="index.php?module=reports">
              Sales Reports              </a></li>
              <li class="divider"></li>
              <li><a href="index.php?module=reports&view=top">
              Top Products              </a></li>
              <li><a href="index.php?module=reports&view=products">
              Products Reports              </a></li>
          </ul>
        </li> 
        </ul>
          
        </div>
    </div>
  </div>
</div>


<div class="container"><script src="http://tecdemo.com/spos3//assets/js/sl/highcharts.js"></script>
<script src="http://tecdemo.com/spos3//assets/js/sl/modules/exporting.js"></script>
   
<script type="text/javascript">

    
    $(document).ready(function () {
		
		$('#chart').highcharts({
            chart: {
            },
			credits: {
			  	enabled: false
			},
            title: {
                text: ''
            },
            xAxis: {
                categories: ['Dec-2013', 'Jan-2014', 'Feb-2014', 'Mar-2014', 'Apr-2014', 'May-2014', ]
            },
			yAxis: {
                min: 0,
                title: ""
            },
			tooltip: {
				shared: true,
				headerFormat: '<span style="font-size:14px">{point.key}</span><table>',
                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                    '<td style="color:{series.color};padding:0;text-align:right;">BRL <b>{point.y}</b></td></tr>',
                footerFormat: '</table>',
                useHTML: true,
				valueDecimals: 2,
				style: {
					fontSize: '13px',
					padding: '10px',
					fontWeight: 'bold',
					color: '#000000'
				}
            },
			 plotOptions: {
                series: {
                    stacking: 'normal'
                }
            },
            series: [{
                type: 'column',
                name: 'Tax',
                data: [47072.85, 339722.65, 217099.95, 221046.15, 820354.00, 234014.90]
            },
			{
                type: 'column',
                name: 'Discount',
                data: [1078.85, 822.30, 18238.60, 1219.45, 12791.35, 1565.70]
            },
			{
                type: 'column',
                name: 'Sales',
                data: [4053731.71, 6370772.29, 2854069.95, 4761562.99, 64141377.78, 4583685.53]
            }            
			]
        });
    	
        $('#topProductsChart').highcharts({
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text: ''
            },
			credits: {
			  	enabled: false
			},
            tooltip: {
				shared: true,
				headerFormat: '<span style="font-size:12px">{point.key}</span><table>',
                pointFormat: '<tr><td style="color:{series.color};padding:4px">{series.name}: </td>' +
                    '<td style="color:{series.color};padding:4px;text-align:right;"> <b>{point.y}</b></td></tr>',
                footerFormat: '</table>',
                useHTML: true,
				style: {
					fontSize: '12px',
					padding: '10px',
					color: '#000000'
				}
            },
			plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false,
                    },
                    showInLegend: false
                }
            },

            series: [{
                type: 'pie',
                name: 'Total Sold',
                data: [
                    ['Egg (00001)', 763],['ViX ACTION 500 (1234a)', 679],['GProduct 4 (G004)', 271],['Mouse (001)', 209],['pizza (123456789)', 146],['GProduct 1 (G001)', 143],['Ceviche Corvina (3001)', 118],['Dosa (Dosa)', 91],['Idly (10)', 83],['phone (500)', 54],                ]
            }]
        });
		
		
    });
    




</script>

<div class="clearfix" style="height:20px;"></div>
<div class="panel panel-default">
<div class="panel-heading">Welcome back, Admin</div>
  <div class="panel-body">
  
                           <ul class="dash">
                           
                           <li>
								<a href="index.php?module=pos" title="POS Sale" class="tip lg btn-primary">
									<center><i class="glyphicon glyphicon-th-large" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>POS Sale</span>
								</a>
							</li>
                            <li>
								<a href="index.php?module=sales" title="Sales" class="tip lg btn-success">
									<center><i class="glyphicon glyphicon-shopping-cart" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>Sales</span>
								</a>
							</li>
                           <li>
								<a href="index.php?module=settings&view=system_setting" title="System Settings" class="tip lg btn-info">
									<center><i class="glyphicon glyphicon-cog" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>System Settings</span>
								</a>
							</li>
                            <li>
								<a href="index.php?module=reports" title="Reports" class="tip btn-default">
									<center><i class="glyphicon glyphicon-stats" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>Reports</span>
								</a>
							</li>
                            <li>
								<a href="index.php?module=auth&view=users" title="Users" class="tip btn-default">
									<center><i class="glyphicon glyphicon-user" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>Users</span>
								</a>
							</li>
                            <li>
								<a href="index.php?module=auth&view=create_user" title="Add User" class="tip btn-default">
									<center><i class="glyphicon glyphicon-user" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>Add User</span>
								</a>
							</li>
                             <li>
								<a href="index.php?module=settings&view=change_logo" title="Change Login Page Logo" class="tip btn-default">
									<center><i class="glyphicon glyphicon-picture" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>Change Login Page Logo</span>
								</a>
							</li>
                            <li>
								<a href="index.php?module=settings&view=backup_database" title="Backup Database" class="tip btn-info">
									<center><i class="glyphicon glyphicon-download" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>Backup Database</span>
								</a>
							</li>
                            
                           <!--<li>
								<a href="index.php?module=auth&view=logout" title="Logout" class="tip btn-danger">
									<center><i class="glyphicon glyphicon-log-out" style="font-size:24px; line-height:24px; margin-top:10px;"></i></center>
									<span>Logout</span>
								</a>
							</li>-->
                            </ul>
                            <div class="clearfix"></div>
                            
                        
  </div>
</div>  
<div class="row">   
<div class="col-md-8">   
<div class="panel panel-default">
<div class="panel-heading">Sales Chart</div>
  <div class="panel-body">
  <div id="chart" style="height:300px;"></div>
  </div>
</div>  
</div>

<div class="col-md-4">   
<div class="panel panel-default">
<div class="panel-heading">Top Products (May 2014)</div>
  <div class="panel-body">
  <div id="topProductsChart" style="height:300px;"></div>
  </div>
  <!--<div class="panel-footer">Panel footer</div>-->
</div>  
</div>
</div></div>
</div>
<div id="footer">
  <div class="container">
    <p class="credit">Copyright &copy; 2014 Simple POS v3.0 - Page rendered in 0.3238 seconds. 
    <a href="http://tecdiary.net/support/sma-guide/" target="_blank" class="tip" title="Help"><i class="icon-question-sign"></i></a>
    </p>   
  </div>
</div>
<script type="text/javascript" src="http://tecdemo.com/spos3/assets/js/bootstrap.min.js"></script>
<script src="http://tecdemo.com/spos3/assets/js/bootstrap-prettyfile.js"></script> 
<script src="http://tecdemo.com/spos3/assets/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="http://tecdemo.com/spos3/assets/js/jquery.dataTables.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="http://tecdemo.com/spos3/assets/media/js/ZeroClipboard.js"></script> 
<script type="text/javascript" charset="utf-8" src="http://tecdemo.com/spos3/assets/media/js/TableTools.min.js"></script> 
<script type="text/javascript" src="http://tecdemo.com/spos3/assets/js/DT_bootstrap.js"></script>
   
</body>
</html>